<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width">
<script src="/resources/js/jquery.1.9.1.min.js"></script>
<script src="/resources/js/bootstrap.min.js"></script>
<script src="/resources/js/scrollpagination.js"></script>
<title>Top danh hài</title>
<script type="text/javascript">
$(function() {
	$('#top-dh-loader').fadeOut();//load_full_top_uploader('WEEK');
});
</script>
</head>
<body>
	<tiles:insertDefinition name="tabletDefaultTemplate">
		<tiles:putAttribute name="body">
			<div id="mainContainer" style="padding-bottom: 20px;">
				<div class="mainBox">
					<div class="subHeading">
						<h3>Top Danh Hài</h3>
					</div>
					<div class="top-type-nav">
						<ul id="top-type-nav" class="nav nav-pills">
							<li onclick="load_full_top_uploader('WEEK')" class="active" style="margin-right: 20px;"><a>Theo Tuần</a></li>
							<li onclick="load_full_top_uploader('MONTH')" style="margin-right: 20px;"><a>Theo Tháng</a></li>
							<li onclick="load_full_top_uploader('ALL')"><a>Tất Cả</a></li>
						</ul>
					</div>
					<div id="top-dh-content" class="bxh-content">
						<div id="top-dh-week" class="top-dh-content">
							<c:forEach items="${uploaders}" var="uploader">
								<div class="item">
									<a href="/uploader/${uploader.id}"><img
										src="${uploader.avatar}">
									<div class="info">
											<span class="name">${uploader.name}</span> <span class="likes"><fmt:formatNumber pattern="#,###,##0" value="${uploader.likeNumber}"/></span>
										</div></a>
								</div>
							</c:forEach>
						</div>
						<!-- 						<div id="bxh-content-month" class="bxh-content-detail" style="display:none"> -->
<!-- 						</div> -->
						<div id="top-dh-month" class="top-dh-content" style="display:none;"></div>
						<div id="top-dh-all" class="top-dh-content" style="display:none;"></div>
						<div id="top-dh-loader" class="loader">
							<span></span> <span></span> <span></span>
						</div>
					</div>
				</div>
			</div>
		</tiles:putAttribute>
	</tiles:insertDefinition>
</body>
</html>